<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html 
	xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:ui="http://java.sun.com/jsf/facelets" 
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"> 
	
    <f:loadBundle var="msgs" basename="messages"/>
    <head>
        <title><h:outputText value="#{msgs['title']}"/></title>

		<!-- Load the custom styling -->
        <link rel="stylesheet" type="text/css" href="layout/bluetheme.css" />

        <!-- include custom JavaScript function library -->
		<script src="js/functions.js"></script>
		
		<ui:insert name="javascript"/>		
    </head>
	
	
    <body>
        
		<div class="centered">
            <table class="layout">
                <tbody>
					<!-- page header/banner image -->
					<tr>
						<td colspan="2" class="layouttop">
							<h:graphicImage url="images/header.png"/>
						</td>
					</tr>
					
					<!-- Menu bar -->
                    <tr>
                        <td colspan="2" class="layoutheader"> 
                            <ui:insert name="header"/>
                        </td>
                    </tr>
                    
                    <tr class="spacer">
                    <td colspan="2" class="spacer"/>
                    </tr>

                    
                    <!-- Body -->
                    <tr>
                    	<!-- left-pane menu -->
                        <td class="layoutmenu">
                            <ui:insert name="menu" />
                        </td>
                        
                        <!-- Center content -->
                        <td class="layoutbody">
                        
                        
                        	<!-- actual content -->
                            <ui:insert name="body" />
                        </td>
                    </tr>
                    
                    <!-- page footer -->
                    <tr class="layoutfooter">
                        <td colspan="2" class="layoutfooter">
                            <h:outputText value="#{msgs['footer.credits']}"/>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </body>
</html>